<!DOCTYPE html>
<html lang="en" xmlns:fb="http://ogp.me/ns/fb#">
	<head> 
		<meta charset="utf-8"> 
		<title>One Stop Travel</title>
		<meta name="description" content="Your One Stop Travel Planner">
		<link href="./css/bootstrap-custom.css" type="text/css" rel="stylesheet">
		<link href="./css/custom.css" type="text/css" rel="stylesheet">
		<link href="./css/scrollbar.css" type="text/css" rel="stylesheet" />
	</head>
	<body onload="javascript:navigate('home')">
		<div class="navbar navbar-fixed-top scrollspy">		
			<div class="navbar-inner">
				<div class="container">
					<ul class="nav">
						<li><a class="brand" href="./index.php">OneStopTravelSG</a></li>
						<li><a href="javascript:navigate('home')">Home</a></li>
						<li><a href="javascript:navigate('accommsearch')">Accommodation</a></li>
						<li><a href="javascript:navigate('transportsearch')">Transportation</a></li>
						<li><a href="#">Attractions</a></li>
						<li class="divider-vertical"></li>
						<li><a href="#">My Itinerary</a></li>
						<li><a href="#">My Bookings</a></li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">
								Account
								<b class="caret"></b>
							</a>
							<ul class="dropdown-menu">
								<li><a href="#">Edit Profile</a></li>
								<li><a href="#">Account Settings</a></li>
								<li><a href="#">Privacy Settings</a></li>
								<li class="divider"></li>
								<li><a href="#">Logout</a></li>
							</ul>
						</li>
						<li class="divider-vertical"></li>
						<form class="navbar-search">
							<input type="text" id="searchBox" data-provide="typeahead" class="search-query" placeholder="Search">
						</form>
					</ul>
				</div>
			</div>
		</div>
		<div class="row-fluid">
			<div class="span12">
				<div class="row-fluid">
					<div class="spansidebar">
						<ul class="nav nav-list">
							<li>
							<a></a>
							</li>
							<li>
								<a href="javascript:navigate('home')">Home</a>
							</li>
							<li class="nav-header">
								Search
							</li>
							<li>
								<a data-toggle="modal" href="#accommodation">Accommodation</a>
							</li>
							<li>
								<a data-toggle="modal" href="#transportation">Transportation</a>
							</li>
							<li>
								<a href="#">Attractions</a>
							</li>
							<li>
								<a href="#">Food Places</a>
							</li>
							<li class="nav-header">
								My Account
							</li>
							<li>
								<a href="#">My Itinerary</a>
							</li>
							<li>
								<a href="#">My Bookings</a>
							</li>
							<li>
								<a href="#">Edit Profile</a>
							</li>
							<li>
								<a href="#">Account Settings</a>
							</li>
							<li>
								<a href="#">Privacy Settings</a>
							</li>
							<li class="nav-header">
								About Us
							</li>
							<li>
								<a href="javascript:navigate('ourteam')">Our Team</a>
							</li>
							<li>
								<a href="#">Terms & Conditions</a>
							</li>
							<li>
								<a href="mailto:onestoptravel.sg@gmail.com">Contact Us</a>
							</li>
							<li>
								<a href="javascript:navigate('submitplace')">Submit A Place</a>
							</li>
							<li>
								<a href="http://my.dot.tk/cgi-bin/amb/landing.dottk?nr=475623::10957152::1" target="_new" style="text-decoration: none">Domain Sponsor</a>
							</li>
						</ul>
						<br/>
						<a href="http://s05.flagcounter.com/more/QMj2"><img src="http://s05.flagcounter.com/count/QMj2/bg_FFFFFF/txt_000000/border_CCCCCC/columns_2/maxflags_20/viewers_Travellers/labels_1/pageviews_1/flags_1/" alt="free counters" border="0"></a>
						<div class="social_button" id="facebook_button"></div>
						<div class="social_button" id="twitter_button"></div>
					</div>
					<div class="spanheader">
						<div class="spanlogo center">
							<img src="./img/logo.png" alt="onestoptravelsg"/>
						</div>
						<div id="maincontent" class="spanmain center">
							<!--ajax content here-->
						</div>
					</div>
					<div class="spansidebar">
					</div>
				</div>
				<div class="row-fluid">
					<div class="spanfooter">
						<div class="spanfootercol">
							<ul class="footernav footernav-list">
								<li class="footernav-header">About Us</li>
								<li>OneStopTravelSG is created by a group of young and energetic students. We want to help other travellers
								plan their dream trip more easily and intuitively.</li>
							</ul>
						</div>
						<div class="spanfootercol">
							<ul class="footernav footernav-list">
								<li class="footernav-header">OneStopTravelSG</li>
								<li><a href="./ourteam.php">Our Team</a></li>
								<li><a href="mailto:onestoptravel.sg@gmail.com">Contact Us</a></li>
								<li><a href="#">Our Partners</a></li>
								<li><a href="#">Join Us</a></li>
								<li><a href="#">Terms & Conditions</a></li>
								<li><a href="#">Our Sponsors</a></li>
							</ul>
						</div>
						<div class="spanfootercol">
							<ul class="footernav footernav-list">
								<li class="footernav-header">Search Your Places</li>
								<li><a href="./accommsearch.php">Accommodation</a></li>
								<li><a href="./transportsearch.php">Transportations</a></li>
								<li><a href="#">Attractions</a></li>
								<li><a href="#">Food Places</a></li>
								<li><a href="./submitplace.php">Submit A Place</a></li>
							</ul>
						</div>
						<div class="spanfootercol">
							<ul class="footernav footernav-list">
								<li class="footernav-header">Manage Your Account</li>
								<li><a href="#">My Itinerary</a></li>
								<li><a href="#">My Bookings</a></li>
								<li><a href="#">My History</a></li>
								<li><a href="#">Edit Profile</a></li>
								<li><a href="#">Account Settings</a></li>
								<li><a href="#">Privacy Settings</a></li>
							</ul>
						</div>
						<div class="spanfootercol">
							<ul class="footernav footernav-list">
								<li class="footernav-header">Find Us</li>
								<li><a href="http://www.facebook.com/pages/OneStopTravelSG/150575751729907" target="_blank"><img src="./img/icons/png/16x16/facebook.png"/>Like Us On Facebook</a></li>
								<li><a href="https://twitter.com/#!/OneStopTravelSG" target="_blank"><img src="./img/icons/png/16x16/twitter.png"/>Follow Us On Twitter</a></li>
							</ul>
							<a href="http://www.komodomedia.com">Icons by komodomedia.com</a>
						</div>
					</div>
				</div>
				<div>
					<!--Modals here-->
					<div id="accommodation" class="modal hide fade">
						<div class="modal-header">
							<a class="close" data-dismiss="modal" >&times;</a>
							<h3>Search accommodation</h3>
						</div>
						<form class="form-horizontal" action="./accommsearch.php" method="post">
							<div class="modal-body">
								<fieldset>
									<div class="control-group">
										<label class="control-label" for="accommpax">Number of pax:</label>
										<div class="controls">
											<select id="accommpax" name="accommpax">
												<option value="1">1</option>
												<option value="2">2</option>
												<option value="3">3</option>
												<option value="4">4</option>
												<option value="5">5</option>
												<option value="6">6</option>
												<option value=">6">>6</option>
												<option value="Any">Any</option>
											</select>
											<p class="help-block">How many of you are travelling?</p>
										</div>
									</div>
									<div class="control-group">
										<label class="control-label" for="accommdest">Destination:</label>
										<div class="controls">
											<select id="accommdest" name="accommdest">
												<option value="No preference">No preference</option>
												<option>--Taiwan--</option>
												<option value="Hualien">Hualien</option>
												<option value="Kaohsiung">Kaohsiung</option>
												<option value="Nantou">Nantou</option>
												<option value="New Taipei City">New Taipei City</option>
												<option value="Pingtung">Pingtung</option>
												<option value="Taichung">Taichung</option>
												<option value="Taipei">Taipei</option>
												<option value="Taoyuan">Taoyuan</option>
												<option value="Yilan">Yilan</option>
											</select>
											<p class="help-block">Where are you going?</p>
										</div>
									</div>
								</fieldset>
							</div>
							<div class="modal-footer">
								<button class="btn btn-primary" type="submit">Search!</button>
								<a href="#" class="btn" data-dismiss="modal" >Cancel</a>
							</div>
						</form>
					</div>
					<div id="transportation" class="modal hide fade">
						<div class="modal-header">
							<a class="close" data-dismiss="modal" >&times;</a>
							<h3>Search transportation</h3>
						</div>
						<form class="form-horizontal" action="./transportsearch.php" method="post">
							<div class="modal-body">
								<fieldset>
									<div class="control-group">
										<label class="control-label" for="transportmode">Mode of transportation:</label>
										<div class="controls">
											<select id="transportmode" name="transportmode">
												<option value="Car">Car</option>
												<option value="Bus">Bus</option>
												<option value="Train">Train</option>
												<option value="MRT">MRT</option>
												<option value="Walking">Walking</option>
												<option value="Bicycle">Bicycle</option>
												<option value=">Sea">>Sea</option>
												<option value="Any">Any</option>
											</select>
											<p class="help-block">What mode of transport are you taking?</p>
										</div>
									</div>
									<div class="control-group">
										<label class="control-label" for="transportfrom">From:</label>
										<div class="controls">
											<select id="transportfrom" name="transportfrom">
												<option value="No preference">No preference</option>
												<option>--Taiwan--</option>
												<option value="Hualien">Hualien</option>
												<option value="Kaohsiung">Kaohsiung</option>
												<option value="Nantou">Nantou</option>
												<option value="New Taipei City">New Taipei City</option>
												<option value="Pingtung">Pingtung</option>
												<option value="Taichung">Taichung</option>
												<option value="Taipei">Taipei</option>
												<option value="Taoyuan">Taoyuan</option>
												<option value="Yilan">Yilan</option>
											</select>
											<p class="help-block">Where are you taking off?</p>
										</div>
									</div>
									<div class="control-group">
										<label class="control-label" for="transportto">To:</label>
										<div class="controls">
											<select id="transportto" name="transportto">
												<option value="No preference">No preference</option>
												<option>--Taiwan--</option>
												<option value="Hualien">Hualien</option>
												<option value="Kaohsiung">Kaohsiung</option>
												<option value="Nantou">Nantou</option>
												<option value="New Taipei City">New Taipei City</option>
												<option value="Pingtung">Pingtung</option>
												<option value="Taichung">Taichung</option>
												<option value="Taipei">Taipei</option>
												<option value="Taoyuan">Taoyuan</option>
												<option value="Yilan">Yilan</option>
											</select>
											<p class="help-block">Where are you going to?</p>
										</div>
									</div>
								</fieldset>
							</div>
							<div class="modal-footer">
								<button class="btn btn-primary" type="submit">Search!</button>
								<a href="#" class="btn" data-dismiss="modal" >Cancel</a>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
		<script language="javascript" type="text/javascript">
		<!-- 
		// Get the HTTP Object
		function navigate(pagename)
		{
			if (window.XMLHttpRequest)
			{// code for IE7+, Firefox, Chrome, Opera, Safari
				xmlhttp=new XMLHttpRequest();
			}
			else
			{// code for IE6, IE5
				xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
			}
			xmlhttp.onreadystatechange=function()
			{
				if (xmlhttp.readyState==4 && xmlhttp.status==200)
				{
					document.getElementById("maincontent").innerHTML = xmlhttp.responseText;
				}
			}
			xmlhttp.open("GET","./navigation.php?page=" + pagename,true);
			xmlhttp.send();
		}
		//-->
		</script>
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
		<script type="text/javascript" src="./js/bootstrap-tooltip.js"></script>
		<script type="text/javascript" src="./js/bootstrap-modal.js"></script>
		<script type="text/javascript" src="./js/bootstrap-popover.js"></script>
		<script type="text/javascript" src="./js/bootstrap-dropdown.js"></script>
		<script type="text/javascript" src="./js/bootstrap-typeahead.js"></script>
		<script type="text/javascript" src="./js/bootstrap-collapse.js"></script>
		<script type="text/javascript" src="./js/bootstrap-scrollspy.js"></script>
		<script type="text/javascript" src="./js/bootstrap-carousel.js"></script>
		<script type="text/javascript" src="./js/bootstrap-transitions.js"></script>
		<script type="text/javascript" src="./js/jquery.scroll.min.js"></script>
		<script type="text/javascript" src="./js/custom-query.js"></script>
		<script type="text/javascript" src="./js/load-social-buttons.js"></script>
	</body>
</html>